<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <meta charset="UTF-8" />
        <title>A02 page</title>
        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </h:head>
    <h:body>
        <h:outputStylesheet library="css/a02" name="A02.css" />
        <h:outputScript library="js/a02" name="A02.js" target="head" />
        <h:form id="form1">
            <h:commandButton value="indexに戻る" action="/index.xhtml" /><br />
            <h:outputLabel value="この機能AWSのEC2アプリから、Google APIを使い予定データを取得するデモプログラムです。" /><br />
            <h:outputLabel value="事前にGoogleアカウントで設定をする必要があります。" /><br />
            <h:outputLabel value="ID=" /><h:inputText id="gid"  value="#{a02.userCode}" /><br />
            <h:outputLabel value="PW=" /><h:inputSecret id="gpw" value="#{a02.userPassWord}" /><br />
            <h:commandButton id="btn" value="予定取得" action="#{a02.calenderData}" /><h:outputLabel value="ボタンをCSS3化したのでIE8とchromeで見え方が違うよ。" /><br />
            ----------------------<br />
            <h:outputLabel value="title=#{a02.map.title}" /><br />
            <h:outputLabel value="content=#{a02.map.content}" /><br />
            <h:outputLabel value="startTime=#{a02.map.startTime}" /><br />
            <h:outputLabel value="endTime=#{a02.map.endTime}" /><br />
            <h:outputLabel value="locations=#{a02.map.locations}" /><br />
            ----------------------<br />
            <canvas width="400px" height="400px" id="paintingCanvas">
                Canvas not supported. 
            </canvas>  
            
        </h:form>
    </h:body>
</html>

